/*全局*/
:root{
	--color:#333;
	--redColor:#D1111C;
}
* {box-sizing: border-box;}
html {overflow-x: hidden;}
body {color: #333;line-height: 2;font-size: 16px;overflow-x: hidden;background-color: #F7F8FC;min-width: 1200px;}
.layui-container {width: 1230px;}
a:hover {text-decoration: none;color: #f00;}
.margin-top10 {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}
.margin-top20 {margin-top: 20px;}
.margin-top30 {margin-top: 30px;}
.margin-top40 {margin-top: 40px;}
.margin-top50 {margin-top: 50px;}
.margin-bottom40 {margin-bottom: 40px;}
.relative {position: relative;}
.text-white,.text-white a {color: #fff;}
/*图片父级容器正方形显示*/
.auto-box {position: relative;overflow: hidden; padding-bottom: 100%;border: 0px solid #ddd;background: #f8f8f8;}
.auto-box .auto-flex {position: absolute;width:100%; height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.auto-box .auto-flex a {display: block;height: 100%;}
.auto-box .auto-flex img {height:100%;max-width: auto!important;}
/* .index-pro-list p {text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;} */

/* 首页 */
#header {padding-top: 10px;padding-bottom: 10px;}
#nav-box {background-color: #2288DC;}
#nav-box >ul >li {float: left;width: 20%;background: url(../images/split.jpg) left center no-repeat;}
#nav-box >ul >li:nth-child(1) {background: none;}
#nav-box >ul >li >a {display: block;color: #fff;text-align: center;font-size: 20px; line-height: 60px;font-weight: 500;}
#nav-box >ul >li >a:hover {background-color: #F8CE00;color: #000;}
.banner-box .swiper-slide {height: 700px;}

#about-box {background: url(../images/about-bg.jpg) center top no-repeat;background-size: cover;padding-top: 30px;padding-bottom: 50px;}
.title {height: 60px;}
.title:before {display: block;content: '';float: left;border-bottom: 3px solid #2288DC;height: 10px;width: 35%;margin-top: 16px;}
.title:after {display: block;content: '';float: right;border-bottom: 3px solid #2288DC;height: 10px;width: 35%;margin-top: 16px;}
.title span {display: inline-block;margin-left: auto;margin-right: auto;text-align: center;width: 30%;font-size: 30px;font-weight: bold;color: #2288DC;}
.title span i {font-weight: normal;font-size: 24px;text-transform: capitalize;font-style: normal;margin-left: 10px;}

.about-img {width: 530px;}
.about-con {margin-left: 570px;}
.biaoyu {font-size: 26px;margin-bottom: 20px;}

#scroll-procate {position: relative;}
#scroll-procate .prev,#scroll-procate .next {position: absolute;top: 40%;}
#scroll-procate .prev {left: -30px;}
#scroll-procate .next {right: -30px;}
.scroll-procate .item {display: block;text-align: center;background-color: #fff;color: #2288DC;line-height: 1.6;}
.scroll-procate .item .procate-name {font-size: 20px;font-weight: bold;}
.scroll-procate .item {padding-top: 30px;padding-bottom: 30px;}
.scroll-procate .item p {font-size: 12px;}
.scroll-procate .item span {display: inline-block;background-color: #F8CE00;color: #000;font-size: 12px;padding: 2px 5px;margin-top: 10px;}
.scroll-procate .item:hover {background-color: #F8CE00;color: #000;}
.scroll-procate .item:hover span {background-color: #fff;}

.scroll-procate .active {background-color: #F8CE00;color: #000;}
.scroll-procate .active span {background-color: #fff;}

.pro-list p {margin-bottom: 30px;}
.pro-list .pro-img {border: 3px solid #2288DC;}
.pro-list .pro-img a {overflow: hidden;display: flex;height: 280px;justify-content: center;align-items: center;background-color: #fff;}
.pro-list .pro-img a img {height: 100%;}
.pro-list p {position: relative;line-height: 45px;}
.pro-list p img {position: absolute;right: 15px;top: -35px;}

#news-box {background: url(../images/about-bg.jpg) center top no-repeat;background-size: cover;padding-top: 30px;padding-bottom: 50px;}
#news-box .item {background-color: #fff;}
#news-box .item a.img {display: flex;height: 240px;background-color: #f7f7f7;justify-content: center;align-items: center;overflow: hidden;}
#news-box .item a.img img {width: 100%;}
#news-box .item .news-info {padding: 10px 15px;}
#news-box .item .news-info h4 a {color: #2288DC;font-size: 18px;}
#news-box .item .news-info p {font-size: 13px;line-height: 1.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}
#news-box .item .news-other a {color: #2288DC;float: right;font-size: 14px;}
#news-box .item .news-other .date {color: #999; font-size: 14px;}

#lianxi-box {padding-top: 20px;padding-bottom: 40px;}
#form-index-liuyan label {display: block;font-size: 18px;font-weight: bold;color: #888;}
#form-index-liuyan .item {margin-bottom: 10px;}
#btn-index-liuyan {background: url(../images/btn-liuyan.jpg);width: 154px; height: 50px; border: none;}
#footer {background-color: #2288DC;padding-top: 40px;padding-bottom: 50px;color: #fff;}
#footer a {color: #fff;}
.footer-nav li {float: left;width: 44%;margin-right: 6%;margin-bottom: 10px;}
.footer-nav li a {display: block;border-bottom: 1px solid #fff;font-size: 13px;line-height: 40px;}

/* 内页样式 */
.nav-position-title {background-color: #1B5A9F;color: #fff;font-size: 36px;font-weight: bold;padding-top: 20px; padding-bottom: 20px;}
.nav-position {background-color: #F2F2F2;text-align: right;line-height: 40px;padding-right: 15px;}
/*.left-box {width: 244px;}
.right-box {width: 900px;}*/
.left-title {}
#main-box {margin-top: 40px;}
.left-menu {background-color: #525252;color: #fff;line-height: 40px;padding: 0 10px;margin-top: 1px;}
.left-menu a {color: #fff;}
.left-menu i {float: right;}
.left-submenu {display: none;}
.left-submenu li {border-bottom: 1px solid #ddd;}
.left-submenu a {display: block;line-height: 36px;padding: 0 5px;font-size: 14px;}
.left-submenu a i {font-size: 14px;}
.pagination-group {background: #fff;}


@media only screen and (min-width: 320px) and (max-width: 640px)  {
	
	
	
}